<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<%@ include file="common-variables.jsp"%>

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

	<head>
		<%@ include file="common-js.jsp"%>
		<title>Yang Yiming</title>		
		
		<script>
			$(document).ready(function() {
				$('#weiboContent')[0].style.display = "none";
			
			});
		</script>

	</head>

	<body>
		<%@ include file="signin.jsp"%>		
		
		<!--header -->
		<%@ include file="header.jsp"%>
		
		<!-- content-outer -->
		<div id="content-wrap" class="clear">

			<!-- content -->
			<div id="content">

				<!-- main -->
				<div id="main">

					<div class="post">

						<div class="right">

							<h2>
								<a href="#">My Sina Weibo</a>
							</h2>
								
							<div style="text-align:right;">
								<!-- 微博，关注我 -->
								<iframe width="100%" height="24" frameborder="0" allowtransparency="true" marginwidth="0" marginheight="0" scrolling="no" border="0" src="http://widget.weibo.com/relationship/followbutton.php?language=zh_cn&width=100%&height=24&uid=2470763803&style=3&btn=red&dpc=1"></iframe>
							</div>
							<div id="weibo_loading">
								<div class="circle"></div>
								<div class="circle1"></div>
							</div>
							<div id="weiboContent">
								<ul>
									<li>
										<a href="#">first 1</a>
									</li>
									<li>
										<a href="#">second 1</a>
									</li>
									<li>
										<a href="#">2 Comments</a>
									</li>
									<li>
										<a href="#">Permalink</a>
									</li>
								</ul>
								<p>
									<a class="more" href="index.html">more &raquo;</a>
								</p>
							</div>
						</div>

						<div class="left">
							<p class="dateinfo">
								JAN
								<span>29</span>
							</p>
							<div class="post-meta">
								<h4>
									Post Info
								</h4>
								<ul>
									<li>
										Total Posts:21
									</li>
									<li>
										Total Comments:34
									</li>
								</ul>
							</div>
						</div>

					</div>

					<div class="post">

						<div class="right">

							<h2>
								<a href="index.html">Read Me First</a>
							</h2>

							<p class="post-info">
								Filed under
								<a href="index.html">templates</a>,
								<a href="index.html">internet</a>
							</p>

							<div class="image-section">
								<img src="<%=resourceBase%>blue/images/img-post.jpg" alt="image post" height="200"
									width="500" />
							</div>

							<p>
								<strong>CoolBlue</strong> is a free, W3C-compliant, CSS-based
								website template by
								<a href="http://www.cssmoban.com/">styleshout.com</a>. This work
								is distributed under the
								<a rel="license"
									href="http://creativecommons.org/licenses/by/2.5/">
									Creative Commons Attribution 2.5 License</a>, which means that you
								are free to use and modify it for any purpose. All I ask is that
								you give me credit by including a
								<strong>link back</strong> to
								<a href="http://www.cssmoban.com/">my website</a>.
							</p>

							<p>
								You can find more of my free template designs at
								<a href="http://www.cssmoban.com/">my website</a>. For premium
								commercial designs, you can check out
								<a href="#" title="Website Templates">DreamTemplate.com</a>.
							</p>


							<p>
								<a class="more" href="index.html">continue reading &raquo;</a>
							</p>

						</div>

						<div class="left">

							<p class="dateinfo">
								JAN
								<span>31</span>
							</p>

							<div class="post-meta">
								<h4>
									Post Info
								</h4>
								<ul>
									<li class="user">
										<a href="#">Erwin</a>
									</li>
									<li class="time">
										<a href="#">12:30 PM</a>
									</li>
									<li class="comment">
										<a href="#">2 Comments</a>
									</li>
									<li class="permalink">
										<a href="#">Permalink</a>
									</li>
								</ul>
							</div>

						</div>

					</div>


					<div class="post">

						<div class="right">

							<h2>
								<a href="index.html">Lorem Ipsum Dolor Sit Amet</a>
							</h2>

							<p class="post-info">
								Filed under
								<a href="index.html">templates</a>,
								<a href="index.html">internet</a>
							</p>

							<p>
								Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec
								libero. Suspendisse bibendum. Cras id urna. Morbi tincidunt,
								orci ac
								<a href="index.html">convallis aliquam</a>, lectus turpis varius
								lorem, eu posuere nunc justo tempus leo.
							</p>

							<p>
								Donec mattis, purus nec placerat bibendum,
								<a href="index.html">dui pede condimentum</a> odio, ac blandit
								ante orci ut diam. Cras fringilla magna. Phasellus suscipit, leo
								a pharetra condimentum, lorem tellus eleifend magna,
								<a href="index.html">eget fringilla velit</a> magna id neque.
								Curabitur vel urna. In tristique orci porttitor ipsum. Lorem
								ipsum dolor sit amet, consectetuer adipiscing elit. Donec
								libero. Suspendisse bibendum. Cras id urna. Morbi tincidunt,
								orci ac convallis aliquam, lectus turpis varius lorem, eu
								posuere nunc justo tempus leo.
							</p>

							<p>
								<a class="more" href="index.html">continue reading &raquo;</a>
							</p>

						</div>

						<div class="left">

							<p class="dateinfo">
								JAN
								<span>25</span>
							</p>

							<div class="post-meta">
								<h4>
									Post Info
								</h4>
								<ul>
									<li class="user">
										<a href="#">Erwin</a>
									</li>
									<li class="time">
										<a href="#">11:30 AM</a>
									</li>
									<li class="comment">
										<a href="#">7 comments</a>
									</li>
									<li class="permalink">
										<a href="#">Permalink</a>
									</li>
								</ul>
							</div>

						</div>

					</div>

					<!-- /main -->
				</div>

				<!-- sidebar -->
				<div id="sidebar">

					<div class="about-me">

						<h3>
							About Me
						</h3>
						<p>
							<a href="index.html"><img src="<%=resourceBase%>blue/images/gravatar.jpg"
									width="40" height="40" alt="firefox" class="float-left" />
							</a> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec
							libero. Suspendisse bibendum. Cras id urna. Morbi tincidunt, orci
							ac convallis aliquam, lectus turpis varius lorem, eu posuere nunc
							justo tempus leo
							<a href="index.html">Learn more...</a>
						</p>

					</div>

					<div class="sidemenu">

						<h3>
							Sidebar Menu
						</h3>
						<ul>
							<li>
								<a href="index.html">Home</a>
							</li>
							<li>
								<a href="index.html#TemplateInfo">TemplateInfo</a>
							</li>
							<li>
								<a href="style.html">Style Demo</a>
							</li>
							<li>
								<a href="blog.html">Blog</a>
							</li>
							<li>
								<a href="archives.html">Archives</a>
							</li>
							<li>
								<a href="#" title="Web Templates">Web Templates</a>
							</li>
						</ul>

					</div>

					<div class="sidemenu">

						<h3>
							Sponsors
						</h3>
						<ul>
							<li>
								<a href="#" title="Website Templates">DreamTemplate <br />
									<span>Over 6,000+ Premium Web Templates</span>
								</a>
							</li>
							<li>
								<a href="#" title="WordPress Themes">ThemeLayouts <br /> <span>Premium
										WordPress &amp; Joomla Themes</span>
								</a>
							</li>
							<li>
								<a href="#" title="Website Hosting">ImHosted.com <br /> <span>Affordable
										Web Hosting Provider</span>
								</a>
							</li>
							<li>
								<a href="#" title="Stock Photos">DreamStock <br /> <span>Download
										Amazing Stock Photos</span>
								</a>
							</li>
							<li>
								<a href="#" title="Website Builder">Evrsoft <br /> <span>Website
										Builder Software &amp; Tools</span>
								</a>
							</li>
							<li>
								<a href="#" title="Web Hosting">Web Hosting <br /> <span>Top
										10 Hosting Reviews</span>
								</a>
							</li>
						</ul>

					</div>

					<div class="popular">

						<h3>
							Most Popular
						</h3>
						<ul>
							<li>
								<a href="index.html">Lorem ipsum dolor sit amet,
									consectetuer adipiscing elit.</a>
								<br />
								<span>Posted on December 22, 2010</span>
							</li>
							<li>
								<a href="index.html">Cras fringilla magna. Phasellus
									suscipit.</a>
								<br />
								<span>Posted on December 20, 2010</span>
							</li>
							<li>
								<a href="index.html">Morbi tincidunt, orci ac convallis
									aliquam.</a>
								<br />
								<span>Posted on December 15, 2010</span>
							</li>
							<li>
								<a href="index.html">Ipsum dolor sit amet, consectetuer
									adipiscing elit.</a>
								<br />
								<span>Posted on December 14, 2010</span>
							</li>
							<li>
								<a href="index.html">Morbi tincidunt, orci ac convallis
									aliquam, lectus turpis varius lorem</a>
								<br />
								<span>Posted on December 12, 2010</span>
							</li>
						</ul>

					</div>

					<!-- /sidebar -->
				</div>

				<!-- content -->
			</div>

			<!-- /content-out -->
		</div>

		<!-- footer-outer -->
		<div id="footer-outer" class="clear">
			<div id="footer-wrap">

				<div id="gallery" class="clear">

					<h3>
						Flickr Photos
					</h3>

					<p class="thumbs">
						<a href="index.html"><img src="<%=resourceBase%>blue/images/thumb.jpg" width="40"
								height="40" alt="thumbnail" />
						</a>
						<a href="index.html"><img src="<%=resourceBase%>blue/images/thumb.jpg" width="40"
								height="40" alt="thumbnail" />
						</a>
						<a href="index.html"><img src="<%=resourceBase%>blue/images/thumb.jpg" width="40"
								height="40" alt="thumbnail" />
						</a>
						<a href="index.html"><img src="<%=resourceBase%>blue/images/thumb.jpg" width="40"
								height="40" alt="thumbnail" />
						</a>
						<a href="index.html"><img src="<%=resourceBase%>blue/images/thumb.jpg" width="40"
								height="40" alt="thumbnail" />
						</a>
						<a href="index.html"><img src="<%=resourceBase%>blue/images/thumb.jpg" width="40"
								height="40" alt="thumbnail" />
						</a>
						<a href="index.html"><img src="<%=resourceBase%>blue/images/thumb.jpg" width="40"
								height="40" alt="thumbnail" />
						</a>
						<a href="index.html"><img src="<%=resourceBase%>blue/images/thumb.jpg" width="40"
								height="40" alt="thumbnail" />
						</a>
						<a href="index.html"><img src="<%=resourceBase%>blue/images/thumb.jpg" width="40"
								height="40" alt="thumbnail" />
						</a>
						<a href="index.html"><img src="<%=resourceBase%>blue/images/thumb.jpg" width="40"
								height="40" alt="thumbnail" />
						</a>
					</p>

				</div>

				<div class="col-a">

					<h3>
						Contact Info
					</h3>

					<p>
						<strong>Phone: </strong>+1234567
						<br />
						<strong>Fax: </strong>+123456789
					</p>

					<p>
						<strong>Address: </strong>123 Put Your Address Here
					</p>
					<p>
						<strong>E-mail: </strong>me@coolblue.com
					</p>
					<p>
						Want more info - go to our
						<a href="#">contact page</a>
					</p>

					<h3>
						Updates
					</h3>

					<ul class="subscribe-stuff">
						<li>
							<a title="RSS" href="#" rel="nofollow"> <img
									alt="RSS" title="RSS" src="<%=resourceBase%>blue/images/social_rss.png" />
							</a>
						</li>
						<li>
							<a title="Facebook" href="#" rel="nofollow"> <img
									alt="Facebook" title="Facebook"
									src="<%=resourceBase%>blue/images/social_facebook.png" />
							</a>
						</li>
						<li>
							<a title="Twitter" href="#" rel="nofollow"> <img
									alt="Twitter" title="Twitter" src="<%=resourceBase%>blue/images/social_twitter.png" />
							</a>
						</li>
						<li>
							<a title="E-mail this story to a friend!" href="#"
								rel="nofollow"> <img alt="E-mail this story to a friend!"
									title="E-mail this story to a friend!"
									src="<%=resourceBase%>blue/images/social_email.png" />
							</a>
						</li>
					</ul>

					<p>
						Stay up to date. Subscribe via
						<a href="index">RSS</a>,
						<a href="index">Facebook</a>,
						<a href="index">Twitter</a> or
						<a href="index">Email</a>
					</p>

				</div>

				<div class="col-a">

					<h3>
						Site Links
					</h3>

					<div class="footer-list">
						<ul>
							<li>
								<a href="index.html">Home</a>
							</li>
							<li>
								<a href="index.html">Style Demo</a>
							</li>
							<li>
								<a href="index.html">Blog</a>
							</li>
							<li>
								<a href="index.html">Archive</a>
							</li>
							<li>
								<a href="index.html">About</a>
							</li>
							<li>
								<a href="index.html">Template Info</a>
							</li>
							<li>
								<a href="index.html">Site Map</a>
							</li>
						</ul>
					</div>

					<h3>
						Friends
					</h3>

					<div class="footer-list">
						<ul>
							<li>
								<a href="index.html">consequat molestie</a>
							</li>
							<li>
								<a href="index.html">sem justo</a>
							</li>
							<li>
								<a href="index.html">semper</a>
							</li>
							<li>
								<a href="index.html">magna sed purus</a>
							</li>
							<li>
								<a href="index.html">tincidunt</a>
							</li>
							<li>
								<a href="index.html">consequat molestie</a>
							</li>
							<li>
								<a href="index.html">magna sed purus</a>
							</li>
						</ul>
					</div>

				</div>

				<div class="col-a">

					<h3>
						Credits
					</h3>

					<div class="footer-list">
						<ul>
							<li>
								<a
									href="http://jasonlarose.com/blog/110-free-classy-social-media-icons">
									110 Free Classy Social Media Icons by Jason LaRose </a>
							</li>
							<li>
								<a
									href="http://wefunction.com/2009/05/free-social-icons-app-icons/">
									Free Social Media Icons by WeFunction </a>
							</li>
							<li>
								<a href="http://www.famfamfam.com/lab/icons/"> Free Icons by
									FAMFAMFAM </a>
							</li>
						</ul>
					</div>

					<h3>
						Recent Comments
					</h3>

					<div class="recent-comments">
						<ul>
							<li>
								<a href="index.html" title="Comment on title">Whoa! This one
									is really cool...</a>
								<br />
								&#45;
								<cite>Erwin</cite>
							</li>
							<li>
								<a href="index.html" title="Comment on title">Wow. This
									theme is really awesome...</a>
								<br />
								&#45;
								<cite>John Doe</cite>
							</li>
							<li>
								<a href="index.html" title="Comment on title">Type your
									comment here...</a>
								<br />
								&#45;
								<cite>Naruto</cite>
							</li>
							<li>
								<a href="index.html" title="Comment on title">And don't
									forget this theme is free...</a>
								<br />
								&#45;
								<cite>Shikamaru</cite>
							</li>
							<li>
								<a href="index.html" title="Comment on title">Just a simple
									reply test. Thanks...</a>
								<br />
								&#45;
								<cite>ABCD</cite>
							</li>
						</ul>
					</div>

				</div>

				<div class="col-b">

					<h3>
						Archives
					</h3>

					<div class="footer-list">
						<ul>
							<li>
								<a href="index.html">January 2010</a>
							</li>
							<li>
								<a href="index.html">December 2009</a>
							</li>
							<li>
								<a href="index.html">November 2009</a>
							</li>
							<li>
								<a href="index.html">October 2009</a>
							</li>
							<li>
								<a href="index.html">September 2009</a>
							</li>
						</ul>
					</div>

					<h3>
						Recent Bookmarks
					</h3>

					<div class="footer-list">
						<ul>
							<li>
								<a href="index.html">5 Must Have Sans Serif Fonts for Web
									Designers</a>
							</li>
							<li>
								<a href="index.html">The Basics of CSS3</a>
							</li>
							<li>
								<a href="index.html">10 Simple Tips for Launching a Website</a>
							</li>
							<li>
								<a href="index.html">24 ways: Working With RGBA Colour</a>
							</li>
							<li>
								<a href="index.html">30 Blog Designs with Killer Typography</a>
							</li>
							<li>
								<a href="index.html">The Principles of Great Design</a>
							</li>
						</ul>
					</div>

				</div>

				<!-- /footer-outer -->
			</div>
		</div>

		<!-- footer-bottom -->
		<div id="footer-bottom">
			
			<p class="bottom-right">
				<a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a> |
				<a href="http://validator.w3.org/check/referer">XHTML</a> |
				<a href="index.html">Home</a> |
				<a href="index.html">Sitemap</a> |
				<a href="index.html">RSS Feed</a> |
				<strong><a href="#top">Back to Top</a>
				</strong>
			</p>

			<!-- /footer-bottom-->
		</div>

	</body>
</html>
